<!-- 模态框组件：在老师端发起各种互动后弹出 -->
<!-- 如：点名、答题等 -->

<template>
    <div class="modal-panel">
        <RollCall v-if="!isTeacher"/>
        <AnswerMachine v-if="!isTeacher"/>
        <Quiz v-if="!isTeacher"/>
        <TQuiz v-if="isTeacher"/>
        <TAnswer v-if="isTeacher"/>
        <Document v-if="isTeacher"/>
        <Detect/>
    </div>
</template>

<script>
import AnswerMachine from './AnswerMachine'
import RollCall from './RollCall'
import Quiz from './Quiz'
import TQuiz from './TQuiz'
import TAnswer from './TAnswer'
import Document from './Document'
import Detect from './Detect'

export default {
  components: {
    AnswerMachine,
    RollCall,
    Quiz,
    TAnswer,
    Document,
    Detect,
    TQuiz
  },
  data () {
    return {
      isTeacher: false
    }
  },
  computed: {},
  watch: {},
  methods: {},
  created () {
    this.isTeacher = BJY.auth.isTeacher()
  },
  mounted () {},
  beforeDestroy () {}
}
</script>

<style lang='less' scoped>
//@import url(); 引入公共css类
.modal-panel {
  z-index: 1;
}
</style>
